/*------------------------------------*\ 
    CONTENTS 
\*------------------------------------*/
/* 
WRAPPER 
BUTTON 
BUTTON LABEL 
BUTTON ICON 
ICONS 
DROPDOWN MENU 
*/
  
/*------------------------------------*\ 
    $WRAPPER 
\*------------------------------------*/
.buttons { /* Style as you wish (toolbar) */
      
} 
  
/* The Magnificent CLEARFIX */
.buttons:before,.buttons:after { 
    content: "\0020"; 
    display: block; 
    height: 0; 
    visibility: hidden; 
} 
  
.buttons:after { 
    clear: both; 
} 
  
.buttons { 
    zoom: 1; 
} 
  
/*------------------------------------*\ 
    $BUTTON 
\*------------------------------------*/
input[type="button"],input[type="submit"],input[type="reset"],.button { 
    text-decoration: none; 
    text-shadow: 0 1px 0 #fff; 
    font: bold 11px Helvetica, Arial, sans-serif; 
    color: #444; 
    line-height: 17px; 
    height: 18px; 
    display: inline-block; 
    float: left; 
    margin: 5px; 
    padding: 5px 6px 4px 6px; 
    background: #F3F3F3; 
    border: solid 1px #D9D9D9; 
    border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-transition: border-color .20s; 
    -moz-transition: border-color .20s; 
    -o-transition: border-color .20s; 
    transition: border-color .20s; 
    line-height: 15px !important; 
} 
  
input[type="button"],input[type="submit"],input[type="reset"] { 
    height: 29px !important; 
    cursor: pointer; 
} 
  
input[type="button"].left,input[type="submit"].left,input[type="reset"].left,.button.left
    { 
    margin: 5px 0 5px 5px; 
    border-top-right-radius: 0; 
    -webkit-border-top-right-radius: 0; 
    -moz-border-radius-topright: 0; 
    border-bottom-right-radius: 0; 
    -webkit-border-bottom-right-radius: 0; 
    -moz-border-radius-bottomright: 0; 
} 
  
input[type="button"].middle,input[type="submit"].middle,input[type="reset"].middle,.button.middle
    { 
    margin: 5px 0; 
    border-left-color: #F4F4F4; 
    border-radius: 0; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
} 
  
input[type="button"].right,input[type="submit"].right,input[type="reset"].right,.button.right
    { 
    margin: 5px 5px 5px 0; 
    border-left-color: #F4F4F4; 
    border-top-left-radius: 0; 
    -webkit-border-top-left-radius: 0; 
    -moz-border-radius-topleft: 0; 
    border-bottom-left-radius: 0; 
    -webkit-border-bottom-left-radius: 0; 
    -moz-border-radius-bottomleft: 0; 
} 
  
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover 
    { 
    background: #F4F4F4; 
    border-color: #C0C0C0; 
    color: #333; 
} 
  
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active,.button:active 
    { 
    border-color: #4D90FE; 
    color: #4D90FE; 
    -moz-box-shadow: inset 0 0 10px #D4D4D4; 
    -webkit-box-shadow: inset 0 0 10px #D4D4D4; 
    box-shadow: inset 0 0 10px #D4D4D4; 
} 
  
input[type="button"].on,input[type="submit"].on,input[type="reset"].on,.button.on 
    { 
    border-color: #BBB; 
    -moz-box-shadow: inset 0 0 10px #D4D4D4; 
    -webkit-box-shadow: inset 0 0 10px #D4D4D4; 
    box-shadow: inset 0 0 10px #D4D4D4; 
} 
  
input[type="button"].on:hover,input[type="submit"].on:hover,input[type="reset"].on:hover,.button.on:hover 
    { 
    border-color: #BBB; 
    -moz-box-shadow: inset 0 0 10px #D4D4D4; 
    -webkit-box-shadow: inset 0 0 10px #D4D4D4; 
    box-shadow: inset 0 0 10px #D4D4D4; 
} 
  
input[type="button"].on:active,input[type="submit"].on:active,input[type="reset"].on:active,.button.on:active 
    { 
    border-color: #4D90FE; 
} 
  
input[type="button"].action,input[type="submit"].action,input[type="reset"].action,.button.action 
    { 
    border: 1px solid #D8D8D8 !important; 
    background: #F2F2F2; 
    background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1); 
    background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1); 
    background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1); 
    background: -o-linear-gradient(top, #F5F5F5, #F1F1F1); 
    -webkit-transition: border .20s; 
    -moz-transition: border .20s; 
    -o-transition: border .20s; 
    transition: border .20s; 
    padding: 0 17px !important; 
} 
  
input[type="button"].action:hover,input[type="submit"].action:hover,input[type="reset"].action:hover,.button.action:hover 
    { 
    border: 1px solid #C6C6C6 !important; 
    background: #F3F3F3; 
    background: -webkit-linear-gradient(top, #F8F8F8, #F1F1F1); 
    background: -moz-linear-gradient(top, #F8F8F8, #F1F1F1); 
    background: -ms-linear-gradient(top, #F8F8F8, #F1F1F1); 
    background: -o-linear-gradient(top, #F8F8F8, #F1F1F1); 
} 
  
input[type="button"].blue,input[type="submit"].blue,input[type="reset"].blue,.button.blue
    { 
    border: 1px solid #3079ED !important; 
    background: #4B8DF8; 
    background: -webkit-linear-gradient(top, #4C8FFD, #4787ED); 
    background: -moz-linear-gradient(top, #4C8FFD, #4787ED); 
    background: -ms-linear-gradient(top, #4C8FFD, #4787ED); 
    background: -o-linear-gradient(top, #4C8FFD, #4787ED); 
    -webkit-transition: border .20s; 
    -moz-transition: border .20s; 
    -o-transition: border .20s; 
    transition: border .20s; 
    color: #FFF !important; 
    text-shadow: 0 1px 0 #2F5BB7 !important; 
} 
  
input[type="button"].blue:hover,input[type="submit"].blue:hover,input[type="reset"].blue:hover,.button.blue:hover 
    { 
    border: 1px solid #2F5BB7 !important; 
    background: #3F83F1; 
    background: -webkit-linear-gradient(top, #4D90FE, #357AE8); 
    background: -moz-linear-gradient(top, #4D90FE, #357AE8); 
    background: -ms-linear-gradient(top, #4D90FE, #357AE8); 
    background: -o-linear-gradient(top, #4D90FE, #357AE8); 
} 
  
input[type="button"].green,input[type="submit"].green,input[type="reset"].green,.button.green
    { 
    border: 1px solid #29691D !important; 
    background: #3A8E00; 
    background: -webkit-linear-gradient(top, #3C9300, #398A00); 
    background: -moz-linear-gradient(top, #3C9300, #398A00); 
    background: -ms-linear-gradient(top, #3C9300, #398A00); 
    background: -o-linear-gradient(top, #3C9300, #398A00); 
    -webkit-transition: border .20s; 
    -moz-transition: border .20s; 
    -o-transition: border .20s; 
    transition: border .20s; 
    color: #FFF !important; 
    text-shadow: 0 1px 0 #2D6200 !important; 
} 
  
input[type="button"].green:hover,input[type="submit"].green:hover,input[type="reset"].green:hover,.button.green:hover 
    { 
    border: 1px solid #2D6200 !important; 
    background: #3F83F1; 
    background: -webkit-linear-gradient(top, #3C9300, #368200); 
    background: -moz-linear-gradient(top, #3C9300, #368200); 
    background: -ms-linear-gradient(top, #3C9300, #368200); 
    background: -o-linear-gradient(top, #3C9300, #368200); 
} 
  
input[type="button"].red,input[type="submit"].red,input[type="reset"].red,.button.red
    { 
    border: 1px solid #D14836 !important; 
    background: #D64937; 
    background: -webkit-linear-gradient(top, #DC4A38, #D14836); 
    background: -moz-linear-gradient(top, #DC4A38, #D14836); 
    background: -ms-linear-gradient(top, #DC4A38, #D14836); 
    background: -o-linear-gradient(top, #DC4A38, #D14836); 
    -webkit-transition: border .20s; 
    -moz-transition: border .20s; 
    -o-transition: border .20s; 
    transition: border .20s; 
    color: #FFF !important; 
    text-shadow: 0 1px 0 #B0281A !important; 
} 
  
input[type="button"].red:hover,input[type="submit"].red:hover,input[type="reset"].red:hover,.button.red:hover 
    { 
    border: 1px solid #B0281A !important; 
    background: #D14130; 
    background: -webkit-linear-gradient(top, #DC4A38, #C53727); 
    background: -moz-linear-gradient(top, #DC4A38, #C53727); 
    background: -ms-linear-gradient(top, #DC4A38, #C53727); 
    background: -o-linear-gradient(top, #DC4A38, #C53727); 
} 
  
input[type="button"].action:hover,input[type="submit"].action:hover,input[type="reset"].action:hover,.button.action:hover 
    { 
    -moz-box-shadow: 0 1px 0px #DDD; 
    -webkit-box-shadow: 0 1px 0px #DDD; 
    box-shadow: iset 0 1px 0px #DDD; 
} 
  
input[type="button"].action:active,input[type="submit"].action:active,input[type="reset"].action:active,.button.action:active 
    { 
    -moz-box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
    border-color: #C6C6C6 !important; 
    color: #333 !important; 
} 
  
input[type="button"].blue:active,input[type="submit"].blue:active,input[type="reset"].blue:active,.button.blue:active 
    { 
    border-color: #2F5BB7 !important; 
    color: #FFF !important; 
} 
  
input[type="button"].green:active,input[type="submit"].green:active,input[type="reset"].green:active,.button.green:active 
    { 
    border-color: #2D6200 !important; 
    color: #FFF !important; 
} 
  
input[type="button"].red:active,input[type="submit"].red:active,input[type="reset"].red:active,.button.red:active 
    { 
    border-color: #B0281A !important; 
    color: #FFF !important; 
} 
